<template>
  <div class="back w-full h-full center~">
    <div v-if="mode === MODE.LOGIN">
      <login-card @check="mode = MODE.REGISTER"/>
    </div>
    <div v-else>
      <register-card @check="mode = MODE.LOGIN"/>
    </div>
  </div>
</template>

<script setup lang="ts">
import LoginCard from "./components/LoginCard.vue"
import RegisterCard from "./components/RegisterCard.vue";

const MODE = {
  LOGIN: 1,
  REGISTER: 2
}

const mode = ref(MODE.LOGIN)
</script>

<style scoped>
.back {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./assets/default-image.png");
}
</style>